<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
  <head>
    <title> 用户登录 </title>
    <jsp:include page="/head.jsp"/>
  </head>
  <body>
   <div class="reg-login">
     
      <div class="card bg-light shadow-lg">
        <div class="card-header">
          <div class="nav nav-tabs card-header-tabs">
            <a id="login" class="nav-item nav-link active" data-toggle="tab" href="#login"><i class="fa fa-user mr-1"></i>用户登录</a>
          </div>
        </div>
        <div class="card-body">
          <div class="tab-content">
            <div class="tab-pane active">
              <form class="pt-3 pl-3 pr-3" action="login.let" method="post">

                <div class="form-group row">
                  <div class="col-sm-12">
                    <div class="input-group input-group-lg">
                      <div class="input-group-prepend">
                        <span class="input-group-text"><i class="fa fa-user fa-fw"></i></span>
                      </div>
                      <input name="userName" value="admin" type="text" required="required" class="form-control style="width:200px;" placeholder="用户名|手机号码|邮箱">
                    </div>
                  </div>
                </div>

                <div class="form-group row">
                  <div class="col-sm-12">
                    <div class="input-group input-group-lg">
                      <div class="input-group-prepend">
                        <span class="input-group-text"><i class="fa fa-key fa-fw"></i></span>
                      </div>
                      <input value="123" type="password" name="userPwd" required="required" class="form-control" placeholder="登录密码">
                    </div>
                  </div>
                </div>

                <div class="form-group row">
                  <div class="col-sm-7">
                    <div class="input-group input-group-lg">
                      <div class="input-group-prepend">
                        <span class="input-group-text"><i class="fa fa-image fa-fw"></i></span>
                      </div>
                      <input value="0000" name="code" type="text" required="required" class="form-control" placeholder="验证码">
                    </div>
                  </div>
                  <div class="col-sm-5">
                    <img alt="" src="code.let?w=139&h=48&len=4" onclick="this.src='code.let?w=139&h=48&len=4&t='+new Date().getTime();" style="width:100%;height:48px;cursor: pointer;" title="点击更换验证码">
                  </div>
                </div>

                <div class="form-group row">
                  <div class="col-sm-12">
                    <button class="btn btn-primary btn-block btn-lg"><i class="fa fa-power-off mr-1"></i> 登 录</button>
                  </div>
                </div>
                <div class="form-group row">
                  <div class="col-sm-12 text-right">
                    <a href="./">首页</a> <a class="ml-md-4" href="./reg.jsp">还没有账号？</a>
                  </div>
                </div>

              </form>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="bg">
      <div></div>
      <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28"
        preserveAspectRatio="none" shape-rendering="auto">
        <defs>
          <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
        </defs>
        <g class="parallax">
          <use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,255,0.7" />
          <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.5)" />
          <use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.3)" />
          <use xlink:href="#gentle-wave" x="48" y="7" fill="#fff" />
        </g>
      </svg>
    </div>
  </body>
</html>
